<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href='css/swiper-3.4.2.min.css'>
</head>

<body>
    <header>
        <section class="phone">
            <img src="img/1_01.png" alt="">
        </section>
        <section class="classify">
            <img src="img/1_10.png" alt="">
            <section class="seach">
                <img src="img/1_07.png" alt="">
                <input type="text" placeholder="大家都在搜“换季必备清单”">
            </section>
            <img src="img/1_04.png" alt="">
        </section>
    </header>
    <main id="box">
        <section class="content">
            <section class="refresh">
                下拉刷新
            </section>
            <section class="banner">
                <section class="swiper-container" id="mybanner">
                    <section class="swiper-wrapper">
                        <!-- <setion class="swiper-slide"><img src="img/1_16.png" alt=""></setion>
                        <setion class="swiper-slide"><img src="img/1_16.png" alt=""></setion>
                        <setion class="swiper-slide"><img src="img/1_16.png" alt=""></setion> -->
                    </section>
                </section>
            </section>
            <section class="introduce">
                <ul>
                    <!-- <li>
                        <img src="img/1_20.png" alt="">
                        <span>全球直采</span>
                    </li>
                    <li>
                        <img src="img/1_23.png" alt="">
                        <span>正品保障</span>
                    </li>
                    <li>
                        <img src="img/1_25.png" alt="">
                        <span>售后无忧</span>
                    </li>
                    <li>
                        <img src="img/1_27.png" alt="">
                        <span>假一赔十</span>
                    </li> -->
                </ul>
            </section>
            <section class="images">
                <img src="img/1_34.png" alt="">
            </section>
            <section class="activity">
                <section class="box">
                    <section class="a-top">
                        <section class="time">
                            <h1>限时购</h1>
                            <section class="count">
                                <span>18</span>
                                <i>:</i>
                                <span>57</span>
                                <i>:</i>
                                <span>34</span>
                            </section>
                            <p>每天10点 限时限量</p>
                        </section>
                        <section class="cosmetics">
                            <ul>
                                <!-- <li>
                                     <img src="img/1_43.png" alt="">
                                     <p><span>￥279</span> <del>￥428</del></p>
                                </li>
                                <li>
                                     <img src="img/1_40.png" alt="">
                                     <p><span>￥98</span> <del>￥222</del></p>
                                </li>
                                <li>
                                     <img src="img/1_37.png" alt="">
                                     <p><span>￥145</span> <del>￥315</del></p>
                                </li>
                                <li>
                                     <img src="img/1_46.png" alt="">
                                     <p><span>￥245</span> <del>￥299</del></p>
                                </li> -->
                            </ul>
                        </section>
                    </section>
                    <section class="a-bottom">
                        <section class="b-left">
                            <h1>福利社</h1>
                            <p>官方自营 正品保证</p>
                            <img src="img/1_57.png" alt="">
                            <img src="img/1_59.png" alt="">
                        </section>
                        <section class="b-right">
                            <h1>精选品牌</h1>
                            <p>
                                <img src="img/1_53.png" alt="">
                                <span>毛多半鹿</span>
                            </p>
                            <img src="img/1_65.png" alt="">
                            <img src="img/1_62.png" alt="">
                        </section>
                    </section>
                </section>
            </section>
            <section class="nav">
                <ul>
                    <li class="nav-active">
                        <span>推荐</span>
                        <p></p>
                    </li>
                    <li>
                        <span>内衣</span>
                        <p></p>
                    </li>
                    <li>
                        <span>个护</span>
                        <p></p>
                    </li>
                    <li>
                        <span>保健</span>
                        <p></p>
                    </li>
                    <li>
                        <span>护肤</span>
                        <p></p>
                    </li>
                    <li>
                        <span>彩妆</span>
                        <p></p>
                    </li>
                </ul>
            </section>
            <section class="list">
                <section class="swiper-container" id="mylist">
                    <section class="swiper-wrapper">
                        <section class="swiper-slide">
                            <ul></ul>
                        </section>
                        <section class="swiper-slide">
                            <ul></ul>
                        </section>
                        <section class="swiper-slide">
                            <ul></ul>
                        </section>
                        <section class="swiper-slide">
                            <ul></ul>
                        </section>
                        <section class="swiper-slide">
                            <ul></ul>
                        </section>
                        <section class="swiper-slide">
                            <ul></ul>
                        </section>
                    </section>
                </section>
                <!-- <ul>
                    <li>
                        <img src="img/1_01_03.png" alt="">
                        <h2>韩国·爆款到货</h2>
                        <p>NATUREKIND【☆优惠中☆】LED毛孔清洁仪+补水泡沫化妆</p>
                        <span>￥639</span> <span>立减30</span>
                    </li>
                    <li>
                        <img src="img/1_01_05.png" alt="">
                        <h2>中国·专业修护贴心呵护</h2>
                        <p>敷尔佳 国品之光 1.0白膜院线经典款玻尿酸补水保湿医用无</p>
                        <span>￥138</span> <span>40元券</span>
                    </li>
                    <li>
                        <img src="img/1_01_09.png" alt="">
                        <h2>日本·毛孔无暇裸有心机</h2>
                        <p>Dr.Ci:lLaBo成野医生 毛孔收敛两件套</p>
                        <span>￥199</span> <span>限时购</span>
                    </li>
                    <li>
                        <img src="img/1_01_10.png" alt="">
                        <h2>韩国·给你紧致滑嫩肌</h2>
                        <p>The History of Whoo后 水妍5件套套装【中样】水20ml+r</p>
                        <span>￥134</span> <span>限时购</span>
                    </li>
                    <li>
                        <img src="img/1_01_03.png" alt="">
                        <h2>韩国·爆款到货</h2>
                        <p>NATUREKIND【☆优惠中☆】LED毛孔清洁仪+补水泡沫化妆</p>
                        <span>￥639</span> <span>立减30</span>
                    </li>
                    <li>
                        <img src="img/1_01_05.png" alt="">
                        <h2>中国·专业修护贴心呵护</h2>
                        <p>敷尔佳 国品之光 1.0白膜院线经典款玻尿酸补水保湿医用无</p>
                        <span>￥138</span> <span>40元券</span>
                    </li>
                    <li>
                        <img src="img/1_01_09.png" alt="">
                        <h2>日本·毛孔无暇裸有心机</h2>
                        <p>Dr.Ci:lLaBo成野医生 毛孔收敛两件套</p>
                        <span>￥199</span> <span>限时购</span>
                    </li>
                    <li>
                        <img src="img/1_01_10.png" alt="">
                        <h2>韩国·给你紧致滑嫩肌</h2>
                        <p>The History of Whoo后 水妍5件套套装【中样】水20ml+r</p>
                        <span>￥134</span> <span>限时购</span>
                    </li>
                </ul> -->
            </section>
            <section class="more">
                上拉加载更多
            </section>
        </section>
    </main>
    <footer>
        <section class="f-nav">
            <ul>
                <li>首页</li>
                <li class="f-nav-active">商城</li>
                <li><img src="img/1_76.png" alt=""></li>
                <li>
                    消息
                    <span></span>
                </li>
                <li>我</li>
            </ul>
        </section>
        <section class="line">
            <p></p>
        </section>
    </footer>
    <section class="wrap">
        <section class="subnav">
            <section class="red">
                <img src="img/3_01.png" alt="">
            </section>
            <section class="title">
                <h1>更多</h1>
            </section>
            <section class="sublist">
                <ul>
                    <li>
                        <img src="img/3_03.jpg" alt="">
                        <span>发现好友</span>
                    </li>
                    <li>
                        <img src="img/3_07.jpg" alt="">
                        <span>我的草稿</span>
                    </li>
                </ul>
                <ul>
                    <li>
                        <img src="img/3_10.jpg" alt="">
                        <span>购物车</span>
                    </li>
                    <li>
                        <img src="img/3_14.jpg" alt="">
                        <span>订单</span>
                    </li>
                    <li>
                        <img src="img/3_16.jpg" alt="">
                        <span>卡卷</span>
                    </li>
                    <li>
                        <img src="img/3_18.jpg" alt="">
                        <span>心愿单</span>
                    </li>
                    <li>
                        <img src="img/3_21.jpg" alt="">
                        <span>小红卡会员</span>
                    </li>
                </ul>
                <ul>
                    <li>
                        <img src="img/3_24.jpg" alt="">
                        <span>免流量</span>
                    </li>
                    <li>
                        <img src="img/3_27.jpg" alt="">
                        <span>钱包</span>
                    </li>
                    <li>
                        <img src="img/3_30.jpg" alt="">
                        <span>帮助与客服</span>
                    </li>
                    <li>
                        <img src="img/3_33.jpg" alt="">
                        <span>扫一扫</span>
                    </li>
                    <li>
                        <img src="img/3_35.jpg" alt="">
                        <span>设置</span>
                    </li>
                </ul>
            </section>
        </section>
    </section>
</body>
<script src="js/iscroll-probe.js"></script>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="js/zepto-1.1.6.min.js"></script>
<script src="js/index.js"></script>

</html>